p {

    text-align: center;

    font-size: 15px;

    color: rgb(12, 12, 12);

    font-family: "楷体";

}

/* id选择器 */

#hr1 {

    background-color: rgb(2, 2, 2);

    height: 2px;

    width: 60%;

}

/* 类选择器 */

.imgbox {

    border-top: 5px solid rgb(8, 8, 8);

    /* 避免因窗口变化影响图片效果 */

    width: 60%;

    height: 40%;

    margin: 0 auto;

}

.img {

    width: 60%;

    height: 40%;

    margin: 0 auto;

    display: none;

}


*{padding: 0px;margin: 0px;}
		html,body{width: 100%;height: 100%;font-family: "微软雅黑";background: #ffffff;}
		ul,li{list-style: none;}
		.container{
			width:560px;
			height: 400px;
			padding: 40px 20px;
			background: rgba(145, 143, 143, 0);
			border-radius: 4px;	
			position: absolute;
			left: 50%;
			top: 50%;
			margin-left: -280px;
			margin-top: -200px;
		}
		.container ul.data-list{width: 40%;height: 100%;border: 1px solid #0d0d0d;float: left;-webkit-border-radius: 5px;
            -moz-border-radius: 5px;
            border-radius: 5px;}
		.container ul.data-list li{line-height: 32px;padding: 0px 10px;}
		.container ul.data-list li:hover{ background-color: #C5EFFF; color: #000000; cursor: pointer; font-weight: bold; }
		.container ul.data-list li.selected{ background-color: #647884; color: #fff; }
		.button-box{float: left;width: 19%;height: 50%;margin-top: 20%;}
		.button-box button{
			background: none;
			font-size: 18px;
			border: 1px solid #937a7a77;
			color: #000000;height: 36px;
			line-height: 36px;width: 80%;
			margin: 10px auto;
			display: block;
			cursor: pointer;
            font-family:"楷体";
            -webkit-border-radius: 20px;
-moz-border-radius: 20px;
border-radius: 20px;
		}